// 侧边栏和吸顶栏显示与隐藏
$(window).scroll(function () {
    //当滚走的高度>=600侧边栏显示
    if ($(window).scrollTop() >= 600) {
        $("aside").fadeIn(200)
    } else {
        $("aside").fadeOut(200)
    }
    // 当滚走的高度>=200吸顶栏显示
    if ($(window).scrollTop() >= 200) {
        $(".header-top").slideDown(100)
    } else {
        $(".header-top").slideUp(100)
    }
})
//点击返回顶部
$(".bt-bottom").click(function () {
    $('html').animate({
        scrollTop: 0
    }, 500)
})
// 注册登录界面
// 显示与隐藏
$('.log').on('click', function (e) {
    e.preventDefault()
    $('.login').fadeIn(200)
    $('html').css('overflow', 'hidden')
})
// 点击vip区域a标签也可显示隐藏
$('.bkx>a').on('click', function (e) {
    e.preventDefault()
    $('.login').fadeIn(200)
    $('html').css('overflow', 'hidden')
})
// 隐藏注册登录层
$('.off').on('click', function () {
    $('.login').fadeOut(200)
    $('html').css('overflow', 'visible')
})
$('.mask').on('click', function (e) {
    // e.stopPropogation()
    $('.login').fadeOut(200)
    $('html').css('overflow', 'visible')
})
// 注册和登录的切换
$('.zhuce').on('click', function () {
    $('.zhuce-content').css('display', 'block')
    $('.denglu-content').css('display', 'none')
    $('.zhuce').css({
        'font-weight': 700,
        'border-bottom': '1px solid #000'
    })
    $('.denglu').css({
        'font-weight': 400,
        'border-bottom': '1px solid #e5e5e5'
    })
})
$('.denglu').on('click', function () {
    $('.denglu-content').css('display', 'block')
    $('.zhuce-content').css('display', 'none')
    $('.denglu').css({
        'font-weight': 700,
        'border-bottom': '1px solid #000'
    })
    $('.zhuce').css({
        'font-weight': 400,
        'border-bottom': '1px solid #e5e5e5'
    })
})
// 注册
$('.name').on('blur', function () { })

$('#zc').on('click', function () { })

// 二级菜单动态
$('.menu>li').hover(function (e) {
    $(this).children('a').css('font-weight', 700).parent().siblings().children('a').css('font-weight', 400)
    $(this).find('.erji').stop()
    $(this).find('.erji').slideDown(300)
}, function () {
    $(this).children('a').css('font-weight', 400)
    $(this).find('.erji').stop()
    $(this).find('.erji').slideUp(300)
})

// 放大镜效果
$('.fdj-right').hover(function(){
    $(this).find('img').stop()
    $(this).find('img').animate({'width':1000,'height':1000},300)
},function(){
    $(this).find('img').stop()
    $(this).find('img').animate({'width':500,'height':500,top:0,left:0},300)
})
$('.fdj-right').on('mousemove',function(e){
    let x=-1*e.offsetX
    let y=-1*e.offsetY
    $(this).find('img').css({left:x,top:y})
})
// 放大镜右侧点击添加边框
$('.fdj-left>img').on('click',function(){
    $(this).css('border','1px solid #000').siblings().css('border','0')
    $('.fdj-right>img').attr('src',`./img/fdjb${$(this).index()+1}.png`)
})
// 口红色号点击出现边框
$('.color>li').on('click',function(){
    $(this).css('border','1px solid #000').siblings().css('border',0)
    $('#color').removeClass().addClass($('.fuxuan>ul>li').eq($(this).index()).find('div')[0].className)
    $('#content').html($('.fuxuan>ul>li').eq($(this).index()).find('span').html())
})
// 选择口红色号
// 点击选择框上下拉切换
$('.fuxuan>div').on('click',function(){
    $('.fuxuan>ul').slideToggle(300)
    $('.down').toggle()
})
// 滑过色号列表变色
$('.fuxuan>ul>li').hover(function(){
    $(this).css('background-color','#e5e5e5').siblings().css('background-color','#fff')
})
// 点击列表颜色改变选择框内容
$('.fuxuan>ul>li').on('click',function(){
    $('#color').removeClass().addClass($(this).find('div')[0].className)
    $('#content').html($(this).find('span').html())
    $('.fuxuan>ul').slideToggle(300)
    $('.down').toggle()
    $('.color>li').eq($(this).index()).css('border','1px solid #000').siblings().css('border',0)
})

// 点击刻字详情收起
$('.xx>.kz>a').on('click',function(){
    $('.sq').slideToggle(200)
    $('.xx>.kz>a').toggle()
})

// 口红数量加减
$('.sl').on('click','.ajj',function(){
    let num = $('.num').html()
    num--
    if(num<=1){
        $(this).css({
            'color': '#ccc',
            'background-color':'#f2f2f2'
        })
        num=1
    }
    if(num==4){
        $('.add').css({
            'color': '#000',
            'background-color':'#fff'
        })
    }
    $('.num').html(num)
    $('.jf').html(`获得${num*350}积分`)
})
$('.sl').on('click','.add',function(){
    let num = $('.num').html()
    num++
    if(num>=5){
        num=5
        $(this).css({
            'color': '#ccc',
            'background-color':'#f2f2f2'
        })
    }
    if(num==2){
        $('.ajj').css({
            'color': '#000',
            'background-color':'#fff'
        })
    }
    $('.jf').html(`获得${num*350}积分`)
    $('.num').html(num)
})
// 滑过加入购物袋
$('.buy1').hover(function(){
    $(this).css({
        'color': 'white',
        'background-color':'black'
    })
},function(){
    $(this).css({
        'color': '#000',
        'background-color':'white'
    })
})